<h3>Tree8</h3>
<!-- 
  nz-input-group     输入框组
  nzSuffix           带有后缀图标的 input，可以与 nzPrefix 配合使用  
                     这里指的是那个 搜索图标
  nz-input           输入框
  ng-template        模板吗？ #suffixIcon 和上面对应
  nz-icon            使用 <i nz-icon></i> 标签声明组件    
  nzType             指明上面的图标是啥
  nzSearchValue      按需筛选树高亮节点(参考可搜索的树),双向绑定,只是显示的话，有它足够了
  nzSearchValueChange搜索节点时调用(与nzSearchValue配合使用),这个是执行的事件
 -->
<nz-input-group [nzSuffix]="suffixIcon">
  <input type="text" nz-input placeholder="Search" [(ngModel)]="searchValue" />
</nz-input-group>
<ng-template #suffixIcon>
  <i nz-icon nzType="search"></i>
</ng-template>
<nz-tree [nzData]="nodes" [nzSearchValue]="searchValue" (nzClick)="nzEvent($event)" (nzExpandChange)="nzEvent($event)"
  (nzSearchValueChange)="nzEvent($event)">
</nz-tree>